<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/amazeui.css">
    <title>特产商场</title>
</head>
<body>
    <!-- 头部 -->
    <div id="project_list">
        <div class="index_head">
            <div class="con">
                <div class="search">
                    <div class="in_search">
                        <div class="am-form-group">
                            <input type="search" placeholder="要买什么?">
                        </div>
                        <a href="#" class="am-icon-search"></a>
                    </div>
                </div>
            </div>
            <a href="#" class="car">
                <img src="images/icon-shop_car.png" />
            </a>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 中间内容部分 -->
    <div id="specialty_mall">
        <ul>
            <li>
                <a href="#" class="project">
                    <div class="pic">
                        <img src="images/project_01.jpg" />
                    </div>
                    <div class="project_cont">
                        <p>袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                    </div>
                    <div class="price">
                        <label>¥300</label>
                        <span>杰尔逊西瓜庄园</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="project">
                    <div class="pic">
                        <img src="images/syzz_3.png" />
                    </div>
                    <div class="project_cont">
                        <p>白蘑菇中是国外极为推崇的健康食品，含有人体所必需的8种氨基酸...</p>
                    </div>
                    <div class="price">
                        <label>¥500</label>
                        <span>满洲里市辖境</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="project">
                    <div class="pic">
                        <img src="images/project_03.jpg" />
                    </div>
                    <div class="project_cont">
                        <p>原产于中国北方黄河流域，中国古代的主要粮食作物...</p>
                    </div>
                    <div class="price">
                        <label>¥260</label>
                        <span>粟有五彩</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="project">
                    <div class="pic">
                        <img src="images/project_04.jpg" />
                    </div>
                    <div class="project_cont">
                        <p>黑葡萄，又称提子,含有十分丰富的原花青素等物质...</p>
                    </div>
                    <div class="price">
                        <label>¥360</label>
                        <span>葡萄庄园</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
        </ul>
        <div id="more">
            <a href="#">
                <span>更多特产</span>
                <i class="am-icon-angle-right"></i>
            </a>
        </div>
    </div>
    <!-- 底部footer -->
    <div id="footer">
        <div class="first">
            <ul class="am-avg-sm-2">
                <li>
                    <a href="index.html">
                        <img src="images/icon-footer01-a.png" />
                        <p>首页</p>
                    </a>
                </li>
                <li class="active">
                    <a href="shop.html">
                        <img src="images/icon-footer4-a.png" />
                        <p>农贸商城</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="beautiful">
            <a href="beautiful_list.html">
                <img src="images/icon-footer3-a.png" />
            </a>
        </div>
        <div class="last">
            <ul class="am-avg-sm-2">
                <li>
                    <a href="trip_list.html">
                        <img src="images/icon-footer2-a.png" />
                        <p>乡村旅游</p>
                    </a>
                </li>
                <li>
                    <a href="user.html">
                        <img src="images/icon-footer5-a.png" />
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>